#redBag{
    background:#fdbc7c;
    position: relative;
    .img{
        width:100%;
        height:6.7rem;
        img{
            width:100%;
            height:100%;
            overflow: hidden;
        }
    }
    .box{
        width:7.1rem;
        height:4.3rem;
        background: rgba(255,255,255,.5);
        margin-left: .2rem;
        border-radius: .1rem;
        position: relative;
        margin-top: -1.2rem;
        .ground{
            width:6.5rem;
            height:2rem;
            background:white;
            border-radius:.1rem;
            margin: .28rem;
            position: absolute;
            .dashed{
                border: 1px dashed #e6e6e6;
                line-height: 2rem;
            }
            .icon{
                font-size: .4rem;
                color: #fd4b34;
                padding-left: .5rem;
            }
            .money{
                font-size: .7rem;
                color: #fd4b34;
                padding-right: .3rem;
            }
            
            .text{
                float:right;
                padding-top: .6rem;
                padding-right:.4rem;
                text-align: right;

                .top{
                    font-size: .3rem;
                    color: #fd4b34;
                }
                .bottom{
                    font-size: .24rem;
                    color: #323232;
                }
            }

        }
        .contextTwo{
            font-size:.34rem;
            color:#fd4b34;
            text-align: center;
            line-height: 2rem;
        }
        .context{
            font-size:.28rem;
            color:#fd4b34;
            text-align: center;
            padding-top: .27rem;
        }
        .btn{
            width:6.5rem;
            height:.9rem;
            background:#fd4b34;
            color:#ffffff;
            font-size:.32rem;
            border-radius:.12rem;
            margin-top:.7rem;
        }
        .btnTwo{
            width: 6.5rem;
            height: .9rem;
            background: #fd4b34;
            color: #ffffff;
            font-size: .32rem;
            border-radius: .12rem;
            margin-top: .8rem;
        }
    }
    .luck{
        width:7.1rem;
        background:rgba(255,255,255,.5);
        margin: 0 auto;
        margin-top:.24rem;
        border-radius:.12rem;
        min-height: 2rem;
        .look{
            .ground{
                font-size:.3rem;
                color:#323232;
                text-align:center;
                background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/line_a.png");
                background-size:0 0;
                padding-top: .44rem;
            }
        }
        .get{
            height: .7rem;
            border-bottom: 1px solid #f7d6b5;
            padding: .2rem 0;
            img{
                float:left;
                width:.7rem;
                height:.7rem;
                border-radius:50%;
                margin-left:.36rem;
                display: block;
            }
            .center{
                float:left;
                font-size:.22rem;
                color:#323232;
                margin-left:.18rem;
            }
            .luckey{
                float: right;
                font-size:.26rem;
                color:#323232;
                margin-right:.1rem;
                .how{
                    margin-right: .24rem;
                    float: right;
                }
                .smallBtn{
                    width:1.14rem;
                    height:.36rem;
                    background:white;
                    border-radius:.18rem;
                    font-size:.22rem;
                    color:#fd4b34;
                    text-align: center;
                    line-height: .36rem;
                    clear: both;
                    margin-right: .14rem;
                }
            }
            .getMoney{
                float: right;
                font-size:.26rem;
                color:#323232;
                margin-right:.24rem;
                
            }
        }
    }
    .whoLuck{
        font-size:.26rem;
        color:#fd4b34;
        text-align:center;
        padding:.35rem 0;
    }
    .rule{
        height:5rem;
        width:7.1rem;
        background:rgba(255,255,255,.5);
        margin:0 auto;
        border-radius:.12rem;
        margin-top:.28rem;
        position: relative;
        .posi{
            position:absolute;
        }
        .h1{
            font-size:.3rem;
            //text-align:center;
            margin-top:.44rem;
            margin-bottom:.26rem;
            width:100%;
            margin-left: 2.96rem;
        }
        p{
            line-height:.48rem;
            font-size:.26rem;
            color:#323232;
            margin-left:.36rem;
        }
    }
    .space{
        padding-top:.28rem;
        background:#fdbc7c;
    }
    .opactive{
        background:rgba(0,0,0,.7);
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        display: block;
    }
    .contexts{
          width:5.6rem;
          height:3.7rem;
          background:white;
          border-radius:.24rem;
          text-align: center;
          position: absolute; 
          top:17%;
          left: 12%;
          p{
            font-size:.32rem;
            color:#323232;
            padding-top: .5rem;
          }
          img{
              width: 1.8rem;
              height:1.8rem;
              padding-top:.46rem;
              margin-right:.2rem;
          }
  }
  .background{
        background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/imgChange/envelope_background.png") no-repeat;
        background-size:100% 100%;
        padding: 6.7rem 0;
  }

}